﻿<!DOCTYPE HTML>
<html lang="en" class="no-js">

  <head>

      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
      <title>Rex — Clean & Minimal Portfolio HTML5 Template | About</title>
      
      <!-- ============ Google Fonts ============ -->
      <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet">


      <!-- CSS -->
      <!-- Flexslider -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/flexslider.css">
      <!-- Font-Awesome -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/font-awesome.css">
      <!-- LightCase -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/lightcase.css">
      <!-- SlickNav -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/slicknav.min.css">
      <!-- Animate -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/animate.min.css">
      <!-- Bootstrap 4 -->
      <link rel="stylesheet" type="text/css" href="http://cdn.bootstrapmb.com/bootstrap/4.3.1/css/bootstrap.min.css">
      <!-- Cube Portfolio -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/cubeportfolio.min.css">
      <!-- Custom styles CSS -->
      <link rel="stylesheet" type="text/css" href="assets/css/main.css">
      <!-- Favicon -->
      <link rel="icon" type="image/png" href="assets/images/favicon.png">

  </head>

  <body>


<script type='text/javascript'>var words = ["LOADING", "PORTFOLIO", "MODERN", "MINIMAL", "CLEAN"];</script>

<!-- LOADER TEMPLATE -->
<div class="page-loader">
<div class="text-loader">
  <div class="right">
      <h4 class="randoms"></h4>
      <h1 class="randoms"></h1>
      <h4 class="randoms"></h4>
  </div>
  <div class="left">
      <h4 class="randoms"></h4>
      <h1 class="randoms"></h1>
      <h4 class="randoms"></h4>
  </div>
</div>
</div>
<!-- /LOADER TEMPLATE -->

            
<header>
  <div class="container">
    <div class="row">
      <div class="col-md-12">

         <!-- logo -->
         <div class="logo"><a href="index.html">rex</a></div>
         <!-- /logo -->

         <!-- shop cart -->
         <div class="cart-container">
            <div class="icon-cart">
              <i class="fa fa-shopping-bag" aria-hidden="true"></i>
              <span class="cart-count">3</span> 
            </div>
            <div class="cart-widget">
                <ul class="mini-cart cart_list product_list_widget">
                    <li>
                        <a href="single-product.html">
                            <img alt="product-1" src="assets/images/product-1.jpg">Bag
                        </a>
                        <span class="quantity">1 ×
                            <span>$35.00</span>
                        </span>
                    </li>
                    <li>
                        <a href="single-product.html">
                            <img alt="product-2" src="assets/images/product-2.jpg">Boots
                        </a>
                        <span class="quantity">1 ×
                            <span>$35.00</span>
                        </span>
                    </li>
                    <li>
                        <a href="single-product.html">
                            <img alt="product-3" src="assets/images/product-3.jpg">Belt
                        </a>
                        <span class="quantity">1 ×
                            <span>$35.00</span>
                        </span>
                    </li>
                </ul>
                <p class="mini-cart__total total">
                    <strong>Subtotal:</strong>
                    <span>$105.00</span>
                </p>
                <p class="mini-cart__buttons buttons">
                    <a class="button" href="#">View cart</a>
                    <a class="button checkout" href="#">Checkout</a>
                </p>
            </div>
         </div>
         <!-- /shop cart -->

         <!-- navigation -->
         <nav>

            <div id="rex_menu">
                <ul>
                <li class="has-sub">
                    <a href="#">
                        <span>Home</span>
                    </a>
                    <ul>
                        <li>
                            <a href="index.html">
                                <span>Parallax</span>
                            </a>
                        </li>
                        <li>
                            <a href="index-1.html">
                                <span>Text</span>
                            </a>
                        </li>
                        <li>
                            <a href="index-2.html">
                                <span>Slider</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="active">
                    <a href="about.html">
                        <span>About</span>
                    </a>
                </li>
                <li class="has-sub">
                    <a href="#">
                        <span>Portfolio</span>
                    </a>
                    <ul>
                        <li>
                            <a href="portfolio-classic.html">
                                <span>Classic</span>
                            </a>
                        </li>
                        <li>
                            <a href="portfolio-minimal.html">
                                <span>Minimal</span>
                            </a>
                        </li>
                        <li>
                            <a href="portfolio-alternative.html">
                                <span>Alternative</span>
                            </a>
                        </li>
                        <li>
                            <a href="portfolio-creative.html">
                                <span>Creative</span>
                            </a>
                        </li>
                        <li>
                            <a href="portfolio-stretch.html">
                                <span>Stretch</span>
                            </a>
                        </li>
                        <li class="has-sub">
                            <a href="#">
                                <span>Project Single</span>
                            </a>
                            <ul>
                                <li>
                                    <a href="portfolio-single-1.html">
                                        <span>Single v1</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="portfolio-single-2.html">
                                        <span>Single v2</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="portfolio-single-3.html">
                                        <span>Single v3</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="portfolio-single-4.html">
                                        <span>Single v4</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="portfolio-single-5.html">
                                        <span>Single v5</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li class="has-sub">
                    <a href="#">
                        <span>Blog</span>
                    </a>
                    <ul>
                        <li>
                            <a href="blog-classic.html">
                                <span>Classic</span>
                            </a>
                        </li>
                        <li>
                            <a href="blog-minimal.html">
                                <span>Minimal</span>
                            </a>
                        </li>
                        <li>
                            <a href="blog-grid.html">
                                <span>Grid</span>
                            </a>
                        </li>
                        <li>
                            <a href="blog-creative.html">
                                <span>Creative</span>
                            </a>
                        </li>
                        <li>
                            <a href="blog-full-width.html">
                                <span>Full width</span>
                            </a>
                        </li>
                        <li>
                            <a href="blog-post-format.html">
                                <span>Post Format</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="has-sub">
                    <a href="#">
                        <span>Contact</span>
                    </a>
                    <ul>
                        <li>
                            <a href="contact-1.html">
                                <span>Contact V1</span>
                            </a>
                        </li>
                        <li>
                            <a href="contact-2.html">
                                <span>Contact V2</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="shop.html">
                        <span>Shop</span>
                    </a>
                </li>
                </ul>
            </div>

         </nav>
         <!-- /navigation -->


       </div>
     </div>
  </div>
</header>

<!-- wrapper -->    
<div id="wrapper">

  <div class="container">
    <div class="row">

        <div class="col-md-6">
        <div class="photo-about">
            <img src="assets/images/about.jpg" alt="">
</div>

        </div>


        <div class="col-md-6">

            <h3 style="font-size: 1.9em; margin-bottom: 15px;">Hello, i’am Joseph Henderson</h3>
            <p>Created, likeness bring which in stars herb a is give you’ll it life you’ll. Whose evening. Spirit subdue two don’t. Living, i divided was be every had. Him god. Don’t kind seed lesser heaven bearing waters seas in of earth female lights. Morning fruit may. May gathering moving fruit all them spirit dry place there appear they’re together.</p>

            <p>Together had said given day spirit. Land years upon, created winged all. Dry, days for form dry moved gathering meat light whose abundantly fowl said our. Have green. Cattle. Called i that waters dry one said firmament his after their night. Likeness.</p>

            <p style="margin-bottom: 50px;">A divide rule that second said Two deep. Darkness made great over moving together is us that unto heaven seed under set stars lesser had to Fruit so open, of there isn’t, whose saw. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed dusmod tempor incididunt ut labore et dolore magna aliqua. Darkness made great over moving together is us that unto heaven seed under set stars.</p>


            <!-- skillbar -->
             <div class="skillbar" data-percent="95%" style="margin-bottom: 50px; ">
                <div class="skillbar-title">
                    <span>Web Design</span>
                </div>
                <div class="skillbar-bar"></div>
                <div class="skill-bar-percent">95%</div>
            </div>
            <div class="skillbar" data-percent="85%" style="margin-bottom: 50px; ">
                <div class="skillbar-title">
                    <span>Photoshop</span>
                </div>
                <div class="skillbar-bar"></div>
                <div class="skill-bar-percent">85%</div>
            </div>
            <div class="skillbar" data-percent="65%" style="margin-bottom: 50px; ">
                <div class="skillbar-title">
                    <span>After Effects</span>
                </div>
                <div class="skillbar-bar"></div>
                <div class="skill-bar-percent">65%</div>
            </div>
            <div class="skillbar" data-percent="95%" style="margin-bottom: 50px; ">
                <div class="skillbar-title">
                    <span>Illustrator</span>
                </div>
                <div class="skillbar-bar"></div>
                <div class="skill-bar-percent">95%</div>
            </div>
            <div class="skillbar" data-percent="75%" style="margin-bottom: 50px; ">
                <div class="skillbar-title">
                    <span>HTML5/CSS3</span>
                </div>
                <div class="skillbar-bar"></div>
                <div class="skill-bar-percent">75%</div>
            </div>
            <div class="skillbar" data-percent="45%" style="margin-bottom: 50px; ">
                <div class="skillbar-title">
                    <span>PHP</span>
                </div>
                <div class="skillbar-bar"></div>
                <div class="skill-bar-percent">45%</div>
            </div>
            <!-- /skillbar -->

        </div>

        <div class="col-md-12">

            <h3 class="title-section" style="text-align: center;">My experience</h3>
            <p style="text-align: center;margin-bottom: 35px;">Together had said given day spirit. Land years upon, created winged all. Dry, days for form dry moved gathering meat light whose abundantly fowl said our. Have green. Cattle. Called i that waters dry one said firmament his after their night. Likeness.</p>

            <!-- experience -->
            <div class="experience-box">
                <div class="icon">
                    <i aria-hidden="true" class="fa fa-briefcase"></i>
                </div>
                <h4>Projects</h4>
                <div class="timer">
                    <span class="number">58</span>
                </div>
            </div>
            <div class="experience-box">
                <div class="icon">
                    <i aria-hidden="true" class="fa fa-coffee"></i>
                </div>
                <h4>Coffees</h4>
                <div class="timer">
                    <span class="number">260</span>
                </div>
            </div>
            <div class="experience-box">
                <div class="icon">
                    <i aria-hidden="true" class="fa fa-smile-o"></i>
                </div>
                <h4>Clients</h4>
                <div class="timer">
                    <span class="number">420</span>
                </div>
            </div>
            <div class="experience-box">
                <div class="icon">
                    <i aria-hidden="true" class="fa fa-trophy"></i>
                </div>
                <h4>Contests won</h4>
                <div class="timer">
                    <span class="number">32</span>
                </div>
            </div>
            <!-- /experience -->

          </div>

          <div class="col-md-12">

            <h3 class="title-section" style="text-align: center;">My hobbies & interest</h3>
            <p style="text-align: center;margin-bottom: 35px;">Together had said given day spirit. Land years upon, created winged all. Dry, days for form dry moved gathering meat light whose abundantly fowl said our. Have green. Cattle. Called i that waters dry one said firmament his after their night. Likeness.</p>

            <div style="margin-bottom:40px;" class="hobbies-box">
                <div class="icon"><i class="fa fa-rocket" style="color: #000;"></i></div>
                <h4>Space</h4></div>
            <div style="margin-bottom:40px;" class="hobbies-box">
                <div class="icon"><i class="fa fa-music" style="color: #000;"></i></div>
                <h4>Music</h4></div>
            <div style="margin-bottom:40px;" class="hobbies-box">
                <div class="icon"><i class="fa fa-plane" style="color: #000;"></i></div>
                <h4>Travelling</h4></div>
            <div style="margin-bottom:40px;" class="hobbies-box">
                <div class="icon"><i class="fa fa-gamepad" style="color: #000;"></i></div>
                <h4>Video games</h4></div>
            <div class="hobbies-box">
                <div class="icon"><i class="fa fa-film" style="color: #000;"></i></div>
                <h4>Movies</h4></div>
            <div class="hobbies-box">
                <div class="icon"><i class="fa fa-tree" style="color: #000;"></i></div>
                <h4>Forest</h4></div>
            <div  class="hobbies-box">
                <div class="icon"><i class="fa fa-book" style="color: #000;"></i></div>
                <h4>Books</h4></div>
            <div  class="hobbies-box">
                <div class="icon"><i class="fa fa-picture-o" style="color: #000;"></i></div>
                <h4>Photos</h4></div>
            </div>

        </div>


          <div class="row">
            <div class="col-md-12">

            <h3 class="title-section" style="text-align: center;">My latest works</h3>
            <p style="text-align: center;margin-bottom: 35px;">Together had said given day spirit. Land years upon, created winged all. Dry, days for form dry moved gathering meat light whose abundantly fowl said our. Have green. Cattle. Called i that waters dry one said firmament his after their night. Likeness.</p>

            <div id="grid-creative-2" class="cbp creativeAnim">

                 <!-- portfolio item 1 -->
                <div class="cbp-item illustration">
                    <a href="portfolio-single-1.html">
                      <div class="image-box">
                         <img src="assets/images/rexStyle/portfolio-item-1.jpg" alt="">
                      </div>
                      <div class="caption-box">
                       <div class="caption-center-box">
                         <div class="caption-body">
                            <h2>Nuts</h2>
                         </div>
                        </div>
                      </div>
                    </a>
                </div>
                <!-- /portfolio item 1 -->

                <!-- portfolio item 2 -->
                <div class="cbp-item branding illustration design">
                    <a href="portfolio-single-2.html">
                      <div class="image-box">
                         <img src="assets/images/rexStyle/portfolio-item-2.jpg" alt="">
                      </div>
                      <div class="caption-box">
                       <div class="caption-center-box">
                         <div class="caption-body">
                            <h2>Ceramic</h2>
                         </div>
                        </div>
                      </div>
                    </a>
                </div>
                <!-- /portfolio item 2 -->

                <!-- portfolio item 3 -->
                <div class="cbp-item illustration">
                    <a href="portfolio-single-3.html">
                      <div class="image-box">
                         <img src="assets/images/rexStyle/portfolio-item-3.jpg" alt="">
                      </div>
                      <div class="caption-box">
                       <div class="caption-center-box">
                         <div class="caption-body">
                            <h2>Farm</h2>
                         </div>
                        </div>
                      </div>
                    </a>
                </div>
                <!-- /portfolio item 3 -->
                
                <!-- portfolio item 4 -->
                <div class="cbp-item branding">
                    <a href="portfolio-single-4.html">
                      <div class="image-box">
                         <img src="assets/images/rexStyle/portfolio-item-4.jpg" alt="">
                      </div>
                      <div class="caption-box">
                       <div class="caption-center-box">
                         <div class="caption-body">
                            <h2>Paper Pouch</h2>
                         </div>
                        </div>
                      </div>
                    </a>
                </div>
                <!-- /portfolio item 4 -->
                
                <!-- portfolio item 5 -->
                <div class="cbp-item illustration design">
                    <a href="portfolio-single-5.html">
                      <div class="image-box">
                         <img src="assets/images/rexStyle/portfolio-item-5.jpg" alt="">
                      </div>
                      <div class="caption-box">
                       <div class="caption-center-box">
                         <div class="caption-body">
                            <h2>Chocolate</h2>
                         </div>
                        </div>
                      </div>
                    </a>
                </div>
                <!-- /portfolio item 5 -->

                <!-- portfolio item 6 -->
                <div class="cbp-item illustration">
                    <a href="portfolio-single-1.html">
                      <div class="image-box">
                         <img src="assets/images/rexStyle/portfolio-item-6.jpg" alt="">
                      </div>
                      <div class="caption-box">
                       <div class="caption-center-box">
                         <div class="caption-body">
                            <h2>Spa</h2>
                         </div>
                        </div>
                      </div>
                    </a>
                </div>
                <!-- /portfolio item 6 -->


                <!-- portfolio item 7 -->
<div class="cbp-item branding">
    <a href="portfolio-single-1.html">
      <div class="image-box">
         <img src="assets/images/rexStyle/portfolio-item-7.jpg" alt="">
      </div>
      <div class="caption-box">
       <div class="caption-center-box">
         <div class="caption-body">
            <h2>Pianeta</h2>

         </div>
        </div>
      </div>
    </a>
</div>
<!-- /portfolio item 7 -->

             </div>
             </div> 

    
                <div class="col-md-12">

                <h3 class="title-section" style="text-align: center;">My clients</h3>
                <p style="text-align: center;margin-bottom: 35px;">Together had said given day spirit. Land years upon, created winged all. Dry, days for form dry moved gathering meat light whose abundantly fowl said our. Have green. Cattle. Called i that waters dry one said firmament his after their night. Likeness.</p>

              <div class="row">
               <div class="col-md-3">
                <div class="partners">
                  <a target="_blank" href="#" title="Partner Title">
                    <img src="assets/images/partners-1.png" alt="" style="max-width: 100%;">
                  </a>
                </div>
               </div>

               <div class="col-md-3">
                <div class="partners">
                  <a target="_blank" href="#" title="Partner Title">
                    <img src="assets/images/partners-2.png" alt="" style="max-width: 100%;">
                  </a>
                </div>
               </div>

               <div class="col-md-3">
                <div class="partners">
                  <a target="_blank" href="#" title="Partner Title">
                    <img src="assets/images/partners-3.png" alt="" style="max-width: 100%;">
                  </a>
                </div>
              </div>

              <div class="col-md-3">
                <div class="partners">
                  <a target="_blank" href="#" title="Partner Title">
                    <img src="assets/images/partners-4.png" alt="" style="max-width: 100%;">
                  </a>
                </div>
              </div>

             </div>    
             </div>
   

    </div>
  </div>

</div>
<!-- /wrapper --> 

<!-- footer -->
<footer>

    <div class="container">
      <div class="row">
        <div class="col-md-12">

      <!-- social icons -->
      <div class="social-icons">
            
        <ul>

          <li><a href="#" class="twitter"><i class="fa fa-fw fa-twitter"></i></a></li>
          <li><a href="#" class="facebook"><i class="fa fa-fw fa-facebook"></i></a></li>
          <li><a href="#" class="google-plus"><i class="fa fa-fw fa-google-plus"></i></a></li>
          <li><a href="#" class="youtube-play"><i class="fa fa-fw fa-youtube-play"></i></a></li>
          <li><a href="#" class="instagram"><i class="fa fa-fw fa-instagram"></i></a></li>   

        </ul>

      </div>
      <!-- /social icons -->  

      <!-- copyright -->
      <div class="copyright">
        Copyright © 2019 by <a href="http://www.bootstrapmb.com" target="_blank"> MountainTheme</a>. All rights reserved.
      </div>
      <!-- /copyright -->

     </div>
    </div>
  </div>

</footer>
<!-- /footer -->

    <!-- Javascript files -->
    <!-- jQuery -->
    <script src="assets/js/plugins/jquery-1.12.4.min.js"></script>
    <!-- Modernizr -->
    <script src="assets/js/plugins/modernizr.js"></script>
    <!-- jQuery.appear -->
    <script src="assets/js/plugins/jquery.appear.js"></script>
    <!-- Lettering -->
    <script src="assets/js/plugins/lettering.js"></script>
    <!-- Textillate -->
    <script src="assets/js/plugins/textillate.js"></script>
    <!-- Wow -->
    <script src="assets/js/plugins/wow.js"></script>
    <!-- Jarallax -->
    <script src="assets/js/plugins/jarallax.js"></script>
    <!-- Lightcase -->
    <script src="assets/js/plugins/lightcase.js"></script>
    <!-- Skills bar -->
    <script src="assets/js/plugins/skills-bar.js"></script>
    <!-- Slick Nav -->
    <script src="assets/js/plugins/slick-nav.js"></script>
    <!-- Flex Slider -->
    <script src="assets/js/plugins/flexslider.js"></script>
    <!-- Images Loaded -->
    <script src="assets/js/plugins/images-loaded.js"></script>
    <!-- Isotope -->
    <script src="assets/js/plugins/isotope.js"></script>
    <!-- Cube Portfolio -->
    <script src="assets/js/plugins/jquery.cubeportfolio.min.js"></script>
    <!-- Google map -->
    <script src="http://ditu.google.cn/maps/api/js?key=AIzaSyAV1KS10sb3O462XosfZTKohHJwi6C0joo"></script>
    <!-- Custom -->
    <script src="assets/js/main.js"></script>

    
</body>
</html>